<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス tabslider</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Tabslider">
    <lztier>LZ Component</lztier>
    <lzcategory>view</lzcategory>
    <lzshortdesc>
        tabelementのスライドアニメーションを調整するコンテナです。
    </lzshortdesc>
    <lztag>lz/tabslider.xml</lztag>
</lzelement>

<p><classname>tabslider</classname>は子要素である<classname>tabelement</classname>
の開/閉を調整します。一度に唯一つの<classname>tabelement</classname>だけが開いている状態になることができます。
開いている状態の<classname>tabelement</classname>の高さは、 <classname>tabslider</classname>
の高さから閉じている状態の全tabelementの高さの合計を差し引いたものになります。</p>

<example>
&lt;canvas width="200" height="250"&gt;
  &lt;tabslider width="150" x="10" y="10"
             height="200"
             spacing="2" slideduration="300"&gt;
    &lt;tabelement text="Tabelement One"/&gt;
    &lt;tabelement text="Tabelement Two"/&gt;
    &lt;tabelement text="Tabelement Three"/&gt;
  &lt;/tabslider&gt;
&lt;/canvas&gt;
</example>


<p>（閉じている状態の）tabelementの高さはtabelementの<attribute>minheight</attribute>
属性で定義されます（デフォルトで22）。これはtabsliderの<attribute>mintabheight</attribute>
属性を明示的に設定することで変更することが可能であり、全tabelementに反映されます。
</p>

<example>
&lt;canvas width="200" height="250"&gt;
  &lt;tabslider width="150" x="10" y="10"
             height="200" mintabheight="40"
             spacing="2" slideduration="300"&gt;
    &lt;tabelement text="Tabelement One" minheight="20"/&gt;
    &lt;tabelement text="Tabelement Two"/&gt;
    &lt;tabelement text="Tabelement Three"/&gt;
  &lt;/tabslider&gt;
&lt;/canvas&gt;
</example>

<seealso>
<classes>tabelement</classes>
<component-design id="tabslider" title="Tab Slider"/>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
